body {
  max-width: 640px; 
  min-width: 320px; 
  margin: 0 auto; 
  font-size: 0.14rem; 
  line-height: 1.428; 
  font-family: "Microsoft Yahei";
  box-sizing: border-box;
}

* { 
  box-sizing: border-box;
}
a { text-decoration: none; color: #fff; }
a :hover { text-decoration: none; color: #fff; }
p { margin: 0; padding: 0; }
img { max-width: 100%; border: none;}
h1 { font-weight: 500; font-size: .3rem; }
ul { list-style: none; }
.w80 { width: 80%; margin: 0 auto;}
.clr {clear: both;}
.btn-group { 
	margin-top: .1rem;
	margin-bottom: .2rem; 
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-align:center; 
	-webkit-box-pack:center;
	-moz-box-align: center;
	-webkit-justify-content: center;
	-moz-justify-content: center; 
	align-content: center;
	justify-content: center;
}
.btn {display: inline-block;font-size: .18rem;}
.btn-lg {
  font-size: .3rem;
}
.btn a { 
  background: #9d0a3a;
  padding: .1rem .3rem; 
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  border-radius: 5px;
}
.her_ts {
  margin: .3rem 0;
}
.her_jj {
  font-size: .18rem;
  margin: .3rem 0;
  text-align: center;
  font-weight: 600;
}
.container-fluid {padding-left: .1rem;padding-right: .1rem; margin-right: auto; margin-left: auto;}

.row {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin-bottom: 5px;
}
.flex1 {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  box-flex: 1;
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin: .02rem;
  -webkit-box-align:center; 
  -webkit-box-pack:center; 
}
.flex3 {
  -webkit-box-flex: 3;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 3;         /* OLD - Firefox 19- */
  -webkit-flex: 3;          /* Chrome */
  -ms-flex: 3;              /* IE 10 */
  box-flex: 3;
  flex: 3;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin: .02rem;
  -webkit-box-align:center; 
  -webkit-box-pack:center; 
}

.rongyu .photo {padding-left: .1rem;padding-right: .1rem;margin-top: 20px;overflow: hidden;font-size: 14px;}
@media (max-width:360px) {
  .rongyu .photo {
    font-size: 12px;
  }
}
.pm { position: relative; }
.pm img { width: 100%; height: 100%; }
.pm .word {width:100%;position: absolute;bottom: 0;text-align: center;background: rgba(0,0,0,.7);color: #fff;padding: .05rem 0;}
@media (min-width: 320px) and (max-width: 360px) {
	.pm .word { font-size: 10px; }
}
@media (min-width: 361px) and (max-width: 640px) {
	.pm .word { font-size: 14px; }
}
.flex2 {
	-webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 2;         /* OLD - Firefox 19- */
  -webkit-flex: 2;          /* Chrome */
  -ms-flex: 2;              /* IE 10 */
  box-flex: 2;
  flex: 2;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin: .02rem;
  -webkit-box-align:center; 
  -webkit-box-pack:center; 
}

.life .flex1, .contact .flex1 {
	width: 50%;
}
.banner {
  position: relative;
}
.b-btn {
  position: absolute;
  left: .2rem;
  bottom: 5.89%;
  max-width: 21.25%;
}
.banner img {display: block;border: none;max-width: 100%;}
.thumbnail {
	display: block;
	line-height: 1.42857143;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}
nav { background: #160613; }
nav ul {padding: 0;margin: 0;}
nav ul li {text-align: center;}
nav a { 
  color: #fff; 
  padding-top: .1rem;
  padding-bottom: .1rem; 
  font-size: .14rem;
  display: inline-block; 
}

.renwu {margin-top: .2rem;overflow: hidden;}
.col-l {width: 2.92rem; position: absolute;z-index: -1;}
.col-r { width :53%;float: right; }
.renwu img {max-width: 100%;}
.renwu h1 {font-size: 24px; margin: 0; border-left: .05rem solid #393939;padding-left: .09rem;margin-left: .1rem;margin-top: .1rem;}
.renwu .h1 { margin: 0; font-size: 18px; }
.renwu .xinxi { list-style: none; padding-left: 0;margin-top: .1rem;margin-bottom: .20rem;}
.renwu li { font-size: 14px; margin: .15rem 0; line-height: 1.48; padding-left: 35px; }
.renwu .xm {background: url(images/xm.gif) no-repeat 5px;margin-bottom: 5px; padding:6px 0; padding-left:34px;}
.renwu .xz {background: url(images/xz.gif) no-repeat 5px 0px;}
.renwu .sc {background: url(images/sc.gif) no-repeat 5px 0px;}
.chengjiu { background: #fff;position: relative; padding-top: .1rem;padding-bottom: .3rem; font-size: 14px;}
.chengjiu ul { padding: 0; }
.chengjiu .rw1 { background: url(images/rw1.gif) no-repeat left center; padding-left: 70px;padding-top: .2rem;padding-bottom: .2rem;}
.chengjiu .rw2 { background: url(images/rw2.gif) no-repeat left center; padding-left: 70px;padding-top: .2rem;padding-bottom: .2rem;}
.chengjiu .rw3 { background: url(images/rw3.gif) no-repeat left center; padding-left: 70px;padding-top: .3rem;padding-bottom: .6rem;}

.title {
	height: 1.05rem; 
	background: url(images/title.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	margin-top: .2rem;
}
.title h1 {
	margin: 0;
}
.title p {
	letter-spacing: .05rem;
}
.title .en {
	font-size: .24rem;
}
.title .cn {
	font-size: .2rem;
}
.xiangmu { background: url(images/bg.gif); overflow: hidden;}

/*项目下TAB切换样式*/
.xiangmu ul { list-style: none; padding-left: 0; overflow: hidden;}
.xiangmu ul li {
	background: url(images/btn_bg.gif) no-repeat;
	background-size: 100% 100%;
	float: left;
	text-align: center;
	width: 23%;
	margin-right:1%;
	margin-left:1%;
	height: .74rem;
	font-size: .18rem;
}
.xiangmu ul li.hover{ background:url(images/btn_bg_h.gif) no-repeat;
	background-size: 100%;}
.xiangmu ul li p {
  /*margin-top: 0.5em;*/
  /*line-height: 1;*/
}
.rongyu {
	background: url(images/ry_bg.jpg);
	background-size: 100% 100%;
	overflow: hidden;
  color: #fff;
  font-size: .14rem;
}
.rongyu .zhengshu {
  margin: .3rem 0;
  
}
.rongyu .news {
  font-size: .16rem;
  text-align: center;
  line-height: .4rem;
  padding-top: .3rem;
}
.rongyu img {display: block; }
.rongyu .title {
	background: url(images/t1.jpg);
	background-size: 100% 100%;
	color: #ab8d6a;
}
.rongyu .row {
  justify-content: center;
  align-content: center;
}
.rongyu .thumbnail img {
	border-radius: 4px;
	border: .03rem solid #ab8d6a;
	padding: 0;
	margin-bottom: .1rem;
}

.life .row { margin-left: -0.01rem; margin-right: -0.01rem; padding-bottom: 0.02rem;}
.life img { display: block; }
.life-img {  margin: .3rem auto;}
.life-img p { align-content: center; color: #fff; font-weight: 200; padding: 30% 10%; font-size: 12px;}

.blue {background: #059cad;}
.org {background: #f97230;}
.green {background: #85a236;}
.green p { padding: .4rem; }

@media (min-width: 462px) and (max-width: 534px)  {
	.green p { padding: .35rem; }
	.org p { padding: .35rem; }
}
@media (min-width: 407px) and (max-width: 461px) {
	.green p { padding: .22rem; }
	.org p { padding: .22rem; }
}
@media (min-width: 320px) and (max-width: 407px) {
	.blue p { padding: .1rem; }
	.org p { padding: .1rem; }
	.green p { padding: .03rem; }
}
.swiper-container {
  padding-top: 20px;
}
.col-xs-50{ width:50%; }
.anli { background: url(images/bg.gif);overflow: hidden;}
.anli .swiper-container h1 { font-size: 22px; }

.anli .swiper-container h1 span { font-size: 14px; padding-left: .2rem;}
.anli .swiper-container p { font-size: 14px; padding: 0 .15rem .2rem;}
.her { overflow: hidden;margin-bottom: .1rem;}
.lian{width:1.49rem; margin:0 auto; margin-top:0.2rem; position:absolute;left:50%; margin-left:-0.745rem;}
.contact { background: url(images/bg.gif);  padding-bottom: .3rem;text-align: center;overflow: hidden;}
.contact .title { margin-bottom: .15rem; }
.contact .thumbnail {
	background-color: transparent;
	border: none;
}
.contact a { color: inherit; }
.contact a :hover { color: inherit; }
.contact .thumbnail .caption { font-size: .24rem; }
.contact .row {display: -wibkit-flex-box;align-items: center; width:80% margin: 0 auto;}
.contact .img {
	width:1.92rem;
	display: inline-block;
	align-items: center;
	display: inline-flex;
}
.question { overflow: hidden; text-align: center;margin-top: .3rem; margin-bottom: .2rem;}
.question .bg_img { width: 5.2rem; margin: 0 auto;}
.question .thumbnail {
  padding: .02rem;
  background-color: transparent;
  border: none;
  text-align: center;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.arrowleft,.arrowright,.f1{ float:left;}
.arrowleft { left: 0; right: auto; }

.carousel-control{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: .47rem;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
filter: alpha(opacity=50);
opacity: .5;
z-index: 100;
height: 1.61rem;
}
.arrowleft,.arrowright{ margin-top:0.6rem;}
.arrowleft{background-image:url(images/left.jpg); }
.arrowleft:hover{ background-image:url(images/left1.jpg);}
.arrowright{right: 0; left: auto; background-image:url(images/right.jpg); }
.arrowright:hover{ background-image:url(images/right1.jpg);}
.ll {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.ff{/*width:1002px;*/position: relative;}
/*.f1{width:738px; margin-left:76px; margin-top:40px;}*/
.f1-t {text-align: center;}
.f1 h1{ font-size:30px; text-align:center; margin-top:20px;}
.f1 h1 span{ font-size:24px;}
.f1 p{ font-size:18px; margin-top:18px;}

.text-center { text-align: center; }
.text-right { text-align: right; padding-right: .4rem;}

.her .row {
	margin-top: 15px;
}
.her .title .en {
  font-size: .16rem;padding-top: .1rem;padding-bottom:.1rem;
}
@media (max-width:414px) {
  .her .title .en {
    background:#fff;
}
}
.liuyan { background: #3c5c71 url(images/her_b.jpg); background-size: 100% 100%; width: 100%;;margin-top: .2rem;padding: 10px; }
.tou1 { width: 37px; margin-right: -1px; z-index: 99;}
.tou2 { width: 67px; margin-left: -1px; z-index: 99;}
.tou3 { width: 87px; margin-left: -1px; z-index: 99;}
.tou4 { width: 59px; margin-right: -1px; z-index: 99;}
.neirong {
	border: 1px solid #9babb1; 
  border-radius: 4px; 
  padding: .06rem .10rem;
  color: #fff;
  font-weight: 200;
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  font-size: 12px;
}
.her .tongshi { font-size: .24rem; text-align: center;margin-top: .2rem; }
.tou5 { width: 1rem; z-index: 99;}
.tou6 { width: 1.16rem; z-index: 99;}
.her .neirong1 { 
	border-radius: 8px; 
	background: #9c0a37; 
	padding: .13rem .15rem;
	color: #fff;
	font-weight: 200;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  font-size: 14px;
}
.swiper-container { position: relative;}
.swiper-container .prev,
.swiper-container .next{position:absolute;top:30%;margin-top:-25px;width:40px;height:50px;background-image:url(images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.swiper-container .prev{left:5px;background-position:0 0;}
.swiper-container .next{right:5px;background-position:-40px 0;}



.xiangmu ul li p { margin-top: 0.5em; }
.box1{ padding-left:68px; background:url(images/jieshao.jpg) no-repeat; margin-top:18px;font-size: 12px;}
.box1_2,.box1_3,.box1_4,.box1_5,.box2_2,.box2_3{ padding-left:24px; line-height: 1.4;font-size: 14px;}
.box1_4 {font-size: 12px;}
.ren{ padding-left:24px; background:url(images/ren.jpg) no-repeat;font-size: 14px;}
.shijian{ padding-left:24px; background:url(images/shijian.jpg) no-repeat;font-size: 14px;}
.jishu{ padding-left:24px; background:url(images/jishu.jpg) no-repeat;font-size: 14px;}
.time{ padding-left:24px; background:url(images/time.jpg) no-repeat;font-size: 14px;}
.anli2{ padding-left:24px; background:url(images/anli.jpg) no-repeat;font-size: 14px;}
.anli1 { text-align: center; padding: .05rem; }
.box1_6{width:84%; margin:0 auto; margin-top:0.2rem;}
.box2_4_1,.box2_4_2{ float:left;}
.box2_4_2{ margin-left:0.8rem;}
.box2_4 { line-height: 1.2 }
@media(min-width:320px) and (max-width:417px){.box2_4_2{ margin-left:0; margin-left:0;}}


.scroll_horizontal{position:relative;padding:10px;background-color:#eee;}

.scroll_horizontal .box{overflow:hidden;position:relative;margin:0 auto;}
.scroll_horizontal .box img {
  width: 120px;
  height:120px;
  border: none;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}

.scroll_horizontal .list li{float:left;padding:.1rem;}
.scroll_horizontal .list li p {color: #000;text-align: center;}
.scroll_horizontal .prev,

.scroll_horizontal .next{display:none;}




/* 底部 */
.foot{text-align:center; line-height:24px;color:#414141; margin:0 auto; width:100%; font-size:12px;}
.foot a{color:#414141;}